﻿@charset "utf-8";
/* CSS Document */

/* purpose 网站通用 */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em, b, a {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Microsoft Yahei, "宋体", Arial;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    list-style: none;
}

a {
    blr: expression(this.onFocus=this.blur())
}

/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
:focus {
    outline: 0;
}

label {
    cursor: pointer;
}

img {
    vertical-align: middle;
}

a {
    cursor: pointer;
}

a:visited {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none !important;
}

input {
    outline: none;
}

.bianshou {
    cursor: pointer;
}

/* width 宽 */
.width_auto {
    width: 0 auto;
}

.width100 {
    width: 100%;
}

.width95 {
    width: 95%;
}

.width90 {
    width: 90%;
}

.width85 {
    width: 85%;
}

.width80 {
    width: 80%;
}

.width75 {
    width: 75%;
}

.width70 {
    width: 70%;
}

.width65 {
    width: 65%;
}

.width60 {
    width: 60%;
}

.width55 {
    width: 55%;
}

.width50 {
    width: 50%;
}

.width45 {
    width: 45%;
}

.width40 {
    width: 40%;
}

.width35 {
    width: 35%;
}

.width30 {
    width: 30%;
}

.width25 {
    width: 25%;
}

.width20 {
    width: 20%;
}

.width15 {
    width: 15%;
}

.width10 {
    width: 10%;
}

.width8 {
    width: 8.33333333%;
}

.width16 {
    width: 16.66666667%;
}

.width33 {
    width: 33.33333333%;
}

.width66 {
    width: 66.66666667%;
}

.width83 {
    width: 83.33333333%;
}

.width91 {
    width: 91.66666667%;
}

.width_100 {
    width: 100px;
}

.width_150 {
    width: 150px;
}

.width_200 {
    width: 200px;
}

.width_224 {
    width: 224px;
}

.width_250 {
    width: 250px;
}

.width_300 {
    width: 300px;
}

.width_350 {
    width: 350px;
}

.width_400 {
    width: 400px;
}

.width_450 {
    width: 450px;
}

.width_468 {
    width: 468px;
}

.width_500 {
    width: 500px;
}

.width_550 {
    width: 550px;
}

.width_600 {
    width: 600px;
}

.width_650 {
    width: 650px;
}

.width_700 {
    width: 700px;
}

.width_712 {
    width: 712px;
}

.width_750 {
    width: 750px;
}

.width_800 {
    width: 800px;
}

.width_850 {
    width: 850px;
}

.width_900 {
    width: 900px;
}

.width_950 {
    width: 950px;
}

.width_1000 {
    width: 1000px;
}

.width_1200 {
    width: 1200px;
}

/* height 高 */
.height20 {
    height: 20px;
}

.height30 {
    height: 30px;
}

.height40 {
    height: 40px;
}

.height42 {
    height: 42px;
}

.height48 {
    height: 48px;
}

.height50 {
    height: 50px;
}

.height60 {
    height: 60px;
}

.height64 {
    height: 64px;
}

.height70 {
    height: 70px;
}

.height80 {
    height: 80px;
}

.height172 {
    height: 172px;
}

.height193 {
    height: 193px;
}

.height364 {
    height: 364px;
}

.height460 {
    height: 460px;
}

.height490 {
    height: 490px;
}

/* bold 粗体 */
.b_weight400 {
    font-weight: 400;
}

.b_weight600 {
    font-weight: 600;
}

.b_weight700 {
    font-weight: 700;
}

.b_weight800 {
    font-weight: 800;
}

.b_weight_bold {
    font-weight: bold;
}

/* overflow 滚动条 */
.over_hidden {
    overflow: hidden
}

.over_auto {
    overflow: auto
}

/* float 浮动 */
.float_l {
    float: left;
}

.float_r {
    float: right;
}

/* display 隐藏显示 */
.dis_block {
    display: block;
}

.dis_none {
    display: none;
}

/* display 文本左右中 */
.text_l {
    text-align: left;
}

.text_r {
    text-align: right;
}

.text_c {
    text-align: center;
}

/* padding 内边距 */
.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.padding15 {
    padding: 15px;
}

.padding20 {
    padding: 20px;
}

.padding30 {
    padding: 30px;
}

.padding40 {
    padding: 40px;
}

.padding_lr5 {
    padding: 0 5px;
}

.padding_lr10 {
    padding: 0 10px;
}

.padding_lr15 {
    padding: 0 15px;
}

.padding_lr20 {
    padding: 0 20px;
}

.padding_lr30 {
    padding: 0 30px;
}

.padding_tb5 {
    padding: 5px 0;
}

.padding_tb10 {
    padding: 10px 0;
}

.padding_tb15 {
    padding: 15px 0;
}

.padding_tb20 {
    padding: 20px 0;
}

.padding_tb30 {
    padding: 30px 0;
}

.padding_tb45 {
    padding: 45px 0;
}

.padding_l5 {
    padding-left: 5px;
}

.padding_10 {
    padding-left: 10px;
}

.padding_15 {
    padding-left: 15px;
}

.padding_20 {
    padding-left: 20px;
}

.padding_r5 {
    padding-right: 5px;
}

.padding_r10 {
    padding-right: 10px;
}

.padding_r15 {
    padding-right: 15px;
}

.padding_r20 {
    padding-right: 20px;
}

.padding_t5 {
    padding-top: 5px;
}

.padding_t6 {
    padding-top: 6px;
}

.padding_t10 {
    padding-top: 10px;
}

.padding_t15 {
    padding-top: 15px;
}

.padding_t20 {
    padding-top: 20px;
}

.padding_t30 {
    padding-top: 30px;
}

.padding_t45 {
    padding-top: 45px;
}

.padding_b5 {
    padding-bottom: 5px;
}

.padding_b10 {
    padding-bottom: 10px;
}

.padding_b15 {
    padding-bottom: 15px;
}

.padding_b20 {
    padding-bottom: 20px;
}

.padding_b45 {
    padding-bottom: 45px;
}

/* margin 外边距 */
.margin_auto {
    margin: 0 auto;
}

.margin_lr-10 {
    margin: 0 -10px;
}

.margin5 {
    margin: 5px;
}

.margin10 {
    margin: 10px;
}

.margin15 {
    margin: 15px;
}

.margin20 {
    margin: 20px;
}

.margin30 {
    margin: 30px;
}

.margin_l5 {
    margin-left: 5px;
}

.margin_l10 {
    margin-left: 10px;
}

.margin_l15 {
    margin-left: 15px;
}

.margin_l20 {
    margin-left: 20px;
}

.margin_l25 {
    margin-left: 25px;
}

.margin_l30 {
    margin-left: 30px;
}

.margin_l35 {
    margin-left: 35px;
}

.margin_l40 {
    margin-left: 40px;
}

.margin_l45 {
    margin-left: 45px;
}

.margin_l280 {
    margin-left: 280px;
}

.margin_r5 {
    margin-right: 5px;
}

.margin_r10 {
    margin-right: 10px;
}

.margin_r15 {
    margin-right: 15px;
}

.margin_r20 {
    margin-right: 20px;
}

.margin_r30 {
    margin-right: 30px;
}

.margin_r40 {
    margin-right: 40px;
}

.margin_t5 {
    margin-top: 5px;
}

.margin_t10 {
    margin-top: 10px;
}

.margin_t15 {
    margin-top: 15px;
}

.margin_t20 {
    margin-top: 20px;
}

.margin_t30 {
    margin-top: 30px;
}

.margin_t40 {
    margin-top: 40px;
}

.margin_t50 {
    margin-top: 50px;
}

.margin_t120 {
    margin-top: 120px;
}

.margin_t-405 {
    margin-top: -405px;
}

.margin_b5 {
    margin-bottom: 5px;
}

.margin_b10 {
    margin-bottom: 10px;
}

.margin_b15 {
    margin-bottom: 15px;
}

.margin_b20 {
    margin-bottom: 20px;
}

.margin_b30 {
    margin-bottom: 30px;
}

.margin_b40 {
    margin-bottom: 40px;
}

/* font-size 文字大小 */
.fon_siz12 {
    font-size: 12px;
}

.fon_siz14 {
    font-size: 14px;
}

.fon_siz16 {
    font-size: 16px;
}

.fon_siz18 {
    font-size: 18px;
}

.fon_siz20 {
    font-size: 20px;
}

.fon_siz24 {
    font-size: 24px;
}

.fon_siz32 {
    font-size: 32px;
}

/* line-height 行间距 */
.line_hei12 {
    line-height: 12px;
}

.line_hei14 {
    line-height: 14px;
}

.line_hei24 {
    line-height: 24px;
}

.line_hei26 {
    line-height: 26px;
}

.line_hei30 {
    line-height: 30px;
}

.line_hei36 {
    line-height: 36px;
}

.line_hei40 {
    line-height: 40px;
}

.line_hei48 {
    line-height: 48px;
}

.line_hei50 {
    line-height: 50px;
}

.line_hei60 {
    line-height: 60px;
}

.line_hei64 {
    line-height: 64px;
}

.line_hei70 {
    line-height: 70px;
}

.line_hei80 {
    line-height: 80px;
}

.line_hei172 {
    line-height: 172px;
}

.line_hei364 {
    line-height: 364px;
}

/* letter 字间距 */
.letter5 {
    letter-spacing: 5px;
}

/* color 字体颜色 */
.color_white {
    color: #FFFFFF;
}

/* color 白色 */
.color_gray {
    color: #93999f;
}

/* color 灰色 */
.color_yellow {
    color: #FFFF00;
}

/* color 黄色 */
.color_red {
    color: #EF1300;
}

/* color 红色 */
.color_shenred {
    color: #c03;
}

/* color 红色 */
.color_blue {
    color: #069;
}

/* color 蓝色 */
.color_zise {
    color: #339;
}

/* color 紫色 */


/* background 背景色 */
.backg_white {
    background-color: #FFFFFF;
}

/* color 白色 */
.backg_gray {
    background-color: #C0C0C0;
}

/* color 灰色 */
.backg_yellow {
    background-color: #FFFF00;
}

/* color 黄色 */
.backg_red {
    background-color: #FF0000;
}

/* color 红色 */
.backg_huibai {
    background-color: #fdfdfd;
}

/* color 灰白 */
.backg_qiangray {
    background-color: #f3f5f7;
}

/* color 浅灰 */
.backg_jqian {
    background-color: #a9aaae;
}

/* color tab经过前 */
.backg_jhou {
    background-color: #8a8f93;
}

/* color tab经过后 */

/* transparent 透明 */
.backg_tran8 {
    filter: alpha(Opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.backg_tran6 {
    filter: alpha(Opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.backg_tran4 {
    filter: alpha(Opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}

.backg_tran2 {
    filter: alpha(Opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
}

/* 背景图片变灰色 */
.background_gray {
    -webkit-filter: grayscale(1); /* Webkit */
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* W3C */
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: grayscale(100%);
    filter: gray;
    color: #B6B6B6 !important;
}

/* z-index 权重 */
.z_inx_-1 {
    z-index: -1;
}

.z_inx_1 {
    z-index: 1;
}

.z_inx_2 {
    z-index: 2;
}

.z_inx_3 {
    z-index: 3;
}

.z_inx_4 {
    z-index: 4;
}

.z_inx_777 {
    z-index: 777;
}

.z_inx_888 {
    z-index: 888;
}

.z_inx_999 {
    z-index: 999;
}

/* position 定位 */
.posi_absolute {
    position: absolute;
    left: 0;
    top: 0;
}

.posi_relative {
    position: relative;
    left: 0;
    top: 0;
}

.posi_fixed {
    position: fixed;
    left: 0;
    top: 0;
}

.img_sousuo {
    position: relative;
    left: -25px;
}

/* border 边框 */
.border {
    border: 1px solid #ccc;
}

.border_t {
    border-top: 1px solid #ccc;
}

.border_b {
    border-bottom: 1px solid #ccc;
}

.border_l {
    border-left: 1px solid #ccc;
}

.border_r {
    border-right: 1px solid #ccc;
}

.border_color {
    border: 1px solid #ccc;
}

.border_t_color {
    border-top: 1px solid #ccc;
}

.border_b_color {
    border-bottom: 1px solid #ccc;
}

.border_l_color {
    border-left: 1px solid #ccc;
}

.border_r_color {
    border-right: 1px solid #ccc;
}

.border_b_baise {
    border-bottom: 1px solid rgba(208, 207, 207, 0.47);
}


.border_t2 {
    border-top: 2px solid #ccc;
}

.border_b2 {
    border-bottom: 2px solid #ccc;
}

.border_l2 {
    border-left: 2px solid #ccc;
}

.border_r2 {
    border-right: 2px solid #ccc;
}

.border_t2_color {
    border-top: 2px solid #ccc;
}

.border_b2_color {
    border-bottom: 2px solid #ccc;
}

.border_l2_color {
    border-left: 2px solid #ccc;
}

.border_r2_color {
    border-right: 2px solid #ccc;
}

.radius3 {
    border-radius: 3px;
}

.radius5 {
    border-radius: 5px;
}

.radius15 {
    border-radius: 15px;
}

.radius25 {
    border-radius: 25px;
}

.radius_t_l5 {
    border-radius-top-left: 5px;
}

.radius_t_r5 {
    border-radius-top-right: 5px;
}

.radius_b_l5 {
    border-radius-bottom-left: 5px;
}

.radius_b_r5 {
    border-radius-bottom-right: 5px;
}

.radius_t_l10 {
    border-radius-top-left: 10px;
}

.radius_t_r10 {
    border-radius-top-right: 10px;
}

.radius_b_l10 {
    border-radius-bottom-left: 10px;
}

.radius_b_r10 {
    border-radius-bottom-right: 10px;
}


/* 背景图片 */
.img_backg1, .img_backg2, .img_backg3, .img_backg4, .img_backg5, .img_backg6, .img_backg7, .img_backg8, .img_backg9, .img_backg10, .img_backg11, .img_backg12, .img_backg13, .img_backg14, .img_backg15, .img_backg16, .img_backg17, .img_backg18 {
    background-size: 100% 100%;
    -moz-background-size: 14% 100%; /* 老版本的 Firefox */
    background-repeat: no-repeat;
}

.img_backg1 {
    background-image: url(../img/bk.jpg);
}

.img_backg2 {
    background-image: url(../img/bg-course.png)
}

.img_backg3 {
    background-image: url(../img/Web.png)
}

.img_backg4 {
    background-image: url(../img/uiz8.jpg)
}

.img_backg5 {
    background-image: url(../img/uiz11.png);
}

.img_backg6 {
    background-image: url(../img/uiz12.png);
}

.img_backg7 {
    background-image: url(../img/uiz13.png);
}

.img_backg8 {
    background-image: url(../img/uiz14.png);
}

.img_backg5:hover {
    background-image: url(../img/uiz15.png);
}

.img_backg6:hover {
    background-image: url(../img/uiz16.png);
}

.img_backg7:hover {
    background-image: url(../img/uiz17.png);
}

.img_backg8:hover {
    background-image: url(../img/uiz18.png);
}

.img_backg5, .img_backg6, .img_backg7, .img_backg8 {
    display: inline-block;
    height: 32px;
    width: 32px;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin: 0 9px;
}

.img_backg9 {
    background-image: url(../img/uiz19.png);
}

.img_backg10 {
    background-image: url(../img/uiz10.jpg);
}

.img_backg11 {
    background-image: url(../img/Java.png);
}

.img_backg12 {
    background-image: url(../img/uiz9.jpg);
}

.img_backg13 {
    background-image: url(../img/PHP.png);
}

.img_backg14 {
    background-image: url(../img/Linux.png);
}

.img_backg15 {
    background-image: url(../img/be.png);
}

.img_backg16 {
    background-image: url(../img/data.png);
}

.img_backg17 {
    background-image: url(../img/fe.png);
}

.img_backg18 {
    background-image: url(../img/photo.png);
}


/* style 独立样式 开始 */
.browser_center {
    overflow: auto;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.ul_li li {
    float: left;
    margin-left: 40px;
    cursor: pointer;
}

.ul_li li a:hover {
    cursor: pointer;
    color: #FF0000;
}

.ul_lis li {
    float: left;
    cursor: pointer;
    margin-right: 10px;
}

.ul_lis li a:hover {
    cursor: pointer;
    color: #FF0000;
}

.top_input input {
    width: 240px;
    border: 0px;
    border-bottom: 1px solid #ccc;
    line-height: 40px;
    font-size: 14px;
    padding-left: 10px;
    background-color: #fdfdfd
}

.img_100 img {
    width: 100%;
    height: 124px;
}

.kaishimeiyou {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.kaishimeiyou:hover {
    -webkit-box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .2);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.border_shadow {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.border_shadow:hover {
    -webkit-box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.2);
}

.donghua {
    position: absolute;
    padding: 0 20px;
    transition: top .5s;
    top: 90px;
    height: 144px;
    width: 100%;
}

.jingguoxianshi:hover .donghua {
    position: absolute;
    padding: 0 20px;
    transition: top .5s;
    top: 30px;
    height: 144px;
    width: 100%;
}

.over_pos {
    overflow: hidden;
    position: relative;
}

.tongli_ys li {
    float: left;
    width: 100%;
    line-height: 30px;
}

.tongli_ys li a:hover {
    float: left;
    width: 100%;
    color: #FF0000;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.diandian {
    margin-right: 10px;
    float: left;
    margin-top: -7px;
    font-size: 28px;
}

.chaochuyincang li {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dadiv {
    overflow: hidden;
    height: 170px;
}

.yejiao a {
    padding: 0 20px;
}

.yejiao a:hover {
    padding: 0 20px;
    cursor: pointer;
    color: #FF0000;
}

.jiantoubianhua:hover .wobianhua {
    margin-left: 10px;
}

.wobeijingguos a {
    width: 100%;
    float: left;
}

.wobeijingguos a:hover {
    width: 100%;
    float: left;
    cursor: pointer;
    color: #FF0000;
}

.wobeijingguosa a {
    width: 100%;
    float: left;
}

.wobeijingguosa a:hover {
    width: 100%;
    float: left;
    cursor: pointer;
    color: #0575AD;
}

.weixinweima {
    position: relative;
    top: -220px;
    left: -65px;
    z-index: 5;
}

.wexinmaxianshi:hover .weixinweima {
    display: block !important;
}

.wobeijingguoas a {
    width: 100%;
    float: left;
}

.wobeijingguoas a:hover {
    width: 100%;
    float: left;
    cursor: pointer;
    color: #4949BD;
}

.lunbofenlei {
    position: absolute;
    left: 224px;
    top: 0px;
    height: 460px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-left: 0px;
    z-index: 999;
}

.focusBox {
    position: relative;
    width: 100%;
    height: 460px;
    overflow: hidden;
}

.focusBox .pic {
    position: relative;
    z-index: 0;
}

.focusBox .pic img {
    width: 100%;
    height: 460px;
    display: block;
}

.focusBox .hd {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: right;
    font-size: 0;
    z-index: 1;
    padding-right: 20px;
}

.focusBox .hd li {
    margin: 0 5px;
    background-color: #FFF;
    width: 12px;
    height: 12px;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    border-radius: 12px;
}

.focusBox .hd .on {
    background-color: #666;
    width: 12px;
    height: 12px;
    position: relative;
    border-radius: 12px;
}

.focusBox .prev,
.focusBox .next {
    width: 60px;
    height: 90px;
    margin: -60px 0 0;
    background: url("../img/ad_ctr.png") no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.focusBox .prev {
    left: 0;
}

.focusBox .next {
    background-position: 0 -90px;
    right: 0;
}

.focusBox .prev:hover,
.focusBox .next:hover {
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    opacity: .6
}

.focusBox .prev {
    margin-left: 224px;
}







